<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?=seo_t(1);?></title>
<meta name="keywords" content="<?=seo_k(1);?>" />
<meta name="description" content="<?=seo_d(1);?>" />
<script src="<?=$base_view?>/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="<?=$base_view?>/js/artDialog.min.js" type="text/javascript"></script>
<script src="<?=$base_view?>/js/jquery.highlight.js" type="text/javascript"></script>
<script src="<?=$base_view?>/js/Lazyload.js" type="text/javascript"></script>
<script src="<?=$base_view?>/js/inc.js" type="text/javascript"></script>
<style type="text/css"><?php $this->load->view("/css/inc_index_css");?></style>
<script type="text/javascript"><?php $this->load->view("/js/index_js");?></script>
<script src="<?=$base_url?>/cache/js/s_areadetail.js" type="text/javascript"></script>
<script src="<?=$base_url?>/cache/js/s_jiajuclass.js" type="text/javascript"></script>
<style type="text/css">
/* art_dialog */
/* alert box */
.popup {background:#FFF; border:5px solid #CCCCCC; padding:1px;}
.popup-header {height:24px; padding:7px; background:#F4F4F4;}
.popup-header h2 {margin:0; padding:0; font-size:18px; float:left;}
.popup-header .close-link {float:right; font-size:11px;}
.popup-body {padding:0px;}



.alert_div {
	width:400px;
	line-height:20px;
	overflow:hidden;
}

#alert_sonclass2 {
	display:none;
} 

.alert_div span {
	padding:5px;
}
.alert_div0 {
	word-wrap:break-word; 
	
}
.alert_mar {
	
	background:url(<?=$base_img?>/images/jiaju369/jt22.jpg) center center no-repeat;
	height:23px;
}

.alert_div1 {
	word-wrap:break-word; 
	background:#F4FAEC;
	border:1px solid #ccc; 
	padding:3px;
	

}
.alert_btn {
	margin:10px 10px;
	text-align:center;
}

.art_dialog {
	font-size:13px;
	color:#0000CC;
}

.art_posi {
	height:22px;
	line-height:22px;
	background:#F4FAEC;
	border-bottom:1px solid #ccc;
}

.art_detail {
	padding:5px;
	line-height:18px;
	
}
.art_detail span {
	word-wrap:break-word; 

}
/* end art_dialog */


</style>
<script>
// 设置对话框全局默认配置
(function(){
    var d = art.dialog.defaults;
    
    // 按需加载要用到的皮肤，数组第一个为默认皮肤
    // 如果只使用默认皮肤，可以不填写skin
    d.skin = ['default', 'chrome', 'facebook', 'aero'];
    
    // 支持拖动
    d.drag = true;
    
    // 超过此面积大小的对话框使用替身拖动
    d.showTemp = 100000;
})();
</script><script type="text/javascript">
<!--
//var t_areaObj = new Array();
//t_areaObj["0"]=new Array("上海","0","1");  // 名称，父id, id
//t_areaObj["1"]=new Array("浦东","1","2");
//t_areaObj["2"]=new Array("张江","2","3");
//t_areaObj["3"]=new Array("杨浦","1","4");
// 返回当前id下的子id内容 
function getSonClass(arrObj,selId,className){
	
				outStr  = "";
				outStr += "<div class=\"art_dialog\">";
		// 区域位置
		// 过滤	
		var region_Name = '';
		region_Name += "<span id='kkk' href=\"\">全国</span>";
		parent_Id = getParent_id(arrObj,selId);
		while( parent_Id  >1  ){	
			region_Name += "&gt;<span class='' id='' name='X'>"+ getName(arrObj,parent_Id) +"</span>";
			parent_Id = getParent_id(arrObj,parent_Id);
		}
		// selId = 1 表示全国
		if (selId != 1){
			nowName = getName(arrObj,selId);
			region_Name += "&gt;<span class='' id='' name='X'>"+ nowName +"</span>";
		}
		outStr += "	<div class=\"art_posi\">"+ region_Name +"</div>";
		outStr += "	<div class=\""+className + " art_detail\">";
		// 当前区域的详细内容
		if (selId != 1)
		{
			outStr += "<span class='curent' id='sa_1' name='X'>全"+ nowName +"</span>";
		}

		// 过滤		
		var _outArr = $.grep(arrObj,function(val,key){
			return val[1] ==selId;
		
		});
		// 返回内容 
		$.each(_outArr,function(key,val){
			outStr +="<span id='' name='"+ val[2] +"'>"+ val[0] +"</span>";
		});
		

		outStr += "</div></div>";

		return outStr;
		
		
		
}

	// ------------------------------------------------------------------------
	/*
		* 返回当前id的名称
	*/		
	function getName(arrObj,selId)	
	{
		var _outArr = $.grep(arrObj,function(val,key){
		return val[2] ==selId;
		});
		if (_outArr.length>0)
		return _outArr[0][0];
	}


	// ------------------------------------------------------------------------
	/*
		* 获得父id
	*/
	function getParent_id(arrObj,selId)
	{
		var _outArr = $.grep(arrObj,function(val,key){
		return val[2] ==selId;
		});
		if (_outArr.length>0)
		return _outArr[0][1];
	}	

$(function(){

<?php
if ($k != ""):
echo <<<EOT
$(".proname").highlight("$k");
EOT;
endif;

?>
/* 搜索框 */
	$("#k").blur( function () {
		if($("#k").val()=="")
		{
			$('#k').css({
						"background-image":"url(<?=$base_img?>/images/bhss.gif)",
						"background-position":"2px center",
						"background-repeat":"no-repeat",
						"border-color":"#ddd",
						"background-color":'#fff'
			});	
		}
		else
		{
			$('#k').css({"border-color":"#7AAF3B",background:'#eff5e9'});
		}
	 } ); 
	 
	$("#k").focus( function () {
		$('#k').css({"border-color":"#7AAF3B",background:'#eff5e9'});
	});
	$('#k').blur();  // 页面载入触发该事件
/* end 搜索框 */


// 筛选显示/隐藏
	$("a.no").focus(function(){
		this.blur();
	});

	$("#btn_slide").click(function(){
		// alert(1);
		$("#panel").slideToggle("fast");
		//$(this).html("- 展开"); return false;
		if($('#shengshuo').val()==0)
		{
			$('#shengshuo').val(1);
			$(this).html("- 展开");
		}
		else
		{
			$('#shengshuo').val(0);
			$(this).html("+ 折叠");
		}
	
	});
	
/*
	筛选
*/	
	$("#art").click(function(){
		alert(1);
		//$.closePopupLayer('myHiddenDiv');	
			
	});
	// 性 质
	$("#tr_1 span").click(function(){
		$("#tr_1 span").removeClass("curent");
		$(this).addClass("curent");
		$("#prosecond").val($(this).attr("name"));
	});
	// 类 别
	$("#tr_2 span").click(function(){
		$("#tr_2 span").removeClass("curent");
		$(this).addClass("curent");
		var vName = $(this).attr("name");
		$("#classid").val(vName);
		if( vName !="X")
		{
				art.dialog.load("<?=$base_url?>/ajax/slist.php", {
						id:'art_jiajuclass',
						skin: 'chrome',
						title: '请选择家具类别',	
						follow:'sb_1',
						initFn:function(){
							// 将内容放在层中
							$("#alert_div0").html(getSonClass(t_jiajuclass,vName));
							
						},
						yesFn:function(){}
				});					
		}
		
		
	});	
	
	// 区 域
	$(".areadetail span").click(function(){
		$("#tr_3 span").removeClass("curent");
		$(this).addClass("curent");
		var tName = $(this).attr("name");
		$("#proarea").val(tName);
		if( tName !="X")
		{
	
				art.dialog.load("<?=$base_url?>/ajax/slist.php", {
						id:'art_areaObj',
						skin: 'chrome',
						title: '请选择区域',	
						width:'400px',
						follow:'sc_1',
						initFn:function(){
							// 将内容放在层中
							$("#alert_div0").html(getSonClass(t_areaObj,tName,"areadetail"));
							alert($('#kkk').html());

						},
						yesFn:function(){}
				});					
	
			
		}
		
	});	
	
	
	// 价 格
	$("#tr_4 span").click(function(){
		$("#tr_4 span").removeClass("curent");
		$(this).addClass("curent");
		$("#price").val($(this).attr("name"));
	});	
	// 发布
	$("#tr_5 span").click(function(){
		$("#tr_5 span").removeClass("curent");
		$(this).addClass("curent");
		$("#probelong").val($(this).attr("name"));
	});	
	
});
-->
</script>
<style type="text/css">
<!--
#panel  {
	display:block;
}
#panel span {
	cursor:pointer;
	padding:2px 3px;
}
#btn_slide {
	cursor:pointer;
}

.content {
	width:auto;
	padding:0 10px;
}


/* slistbody */
.slistbody {
	clear:both;
	height:auto;
	padding-top:20px;
}
.slist_kuan {
		height:auto;
		padding-right:20px;
}
.kuantt,
.kuansaixuan {
	border:1px solid #E3E3E3;
}
.kuantt {
	height:26px;
	line-height:26px;
	color:#6AA524;
	padding-left:20px;
	background:url(<?=$base_img?>/images/jiaju369/jt_03.jpg) 80px center no-repeat;
}
.kuansaixuan {
	background:#F4FAEC;
	height:auto;
	padding:10px 20px;
	border-top:0;
}
table.kuansaixuantable {
	
}
table.kuansaixuantable td {
	border-top:1px dashed #D6E8C1;
	letter-spacing:1px;
	padding:2px 0;
	vertical-align:top;
	line-height:18px;
}
table.kuansaixuantable td a{
	white-space:nowrap;
}
.curent {
	background:#67982D;
	color:white;
}

table.kuansaixuantable td.no1 {
	border-top:0;
}
table.kuansaixuantable td.column {
	font-weight:bold;
	color:#67982D;
	font-size:13px;
	width:60px;
	
}

.kuansaixuantable a:link,
.kuansaixuantable a:visited,
.kuansaixuantable a:hover,
.kuansaixuantable a:active {
	text-decoration:none;
}
.kuansaixuantable a:hover {
	text-decoration:underline;
}
.kuansaixuantable a:visited {
	color:3E3E3E;
}

/* kuanorder  */
.kuanorder {
	height:28px;
	line-height:28px;
	border-bottom:1px solid #B5B5B5;
	margin-top:10px;
}
.canshu {
	float:left;
	
}
.canshu li {
	float:left;
	height:22px;
	line-height:22px;
	border:1px #E3E3E3 solid;
	border-bottom:0;
	margin:0 5px;
	padding:0 6px;
	margin-top:5px;
	background:url(<?=$base_img?>/images/jiaju369/bg_07.jpg) repeat-x;
}
.canshu li.no {
	background:none;
	border:0;
	font-size:13px;
	font-weight:bold;
	color:#67982D;
}
li.canshucurrent {
	border:1px #67982D solid;
	border-bottom:0;
	background:#67982D;
	color:white;
}
li.canshucurrent a {
	text-decoration:none;
	color:white;
}
.fenye {
	float:right;
	display:none;
	
}
.fenye li {
	float:left;
}
/* /kuanorder  */
.kuanadtop,
.kuanadbottom {
	margin-top:10px;
	background:#FBF0FA;	
	display:none;
}

.kuanadtop li,
.kuanadbottom li {
	height:50px;
	margin:5px 0;
	clear:both;
}
li.zanzu {
	height:18px;
	line-height:18px;
	text-align:right;
}

/* /slistbody */
/* 列表分页 */ 
#page{
	margin-top:15px;
	text-align:center;
	height:40px;
	line-height:40px;
}
#page a,
#page strong {
background: #ECF3FD;
padding: 4px 5px;
border: 1px solid #9EC9FE;
color: #292929;
font-size: 12px;

}
#page a:hover {
background: #42B206;
text-decoration: none;
border: 1px solid #9FCD75;
color:white;
}

/* /列表分页 */ 
/* 搜索高亮 */
.highlight {color: #FF4E00; }







-->
</style>

</head>
<body>
<div class="container">
	<?php $this->load->view('top_view');?>
	<!--  content   -->
    <div class="content">
			<?php $this->load->view('inc_search_view');?>
			<div class="slistbody">
			<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td>
			<div class="slist_kuan">
				<div class="kuantt">
				<div style="float:right; height:25px; line-height:25px;"><input type="hidden" value="0" id="shengshuo" /><input style=" padding:0 10px; height:25px; margin:1px 10px; cursor:pointer;" name="" type="button" value="筛 选" /><span id="btn_slide">+ 折叠</span>
				</div>分类筛选</div>
				<div id="panel" class="kuansaixuan">
				<input type="text" value="" id="prosecond" name="prosecond" />
				<input type="text" value="" id="classid" name="classid" />
				<input type="text" value="" id="price" name="price" />
				<input type="text" value="" id="probelong" name="probelong" />
				<input type="text" value="" id="proarea" name="proarea" />
				<input type="button" onclick="boxon('Boxproarea');" value="确定" />
				
				<table class="kuansaixuantable no">
				<tr id="tr_1"><td class="no1 column">
					性 质：
				</td><td class="no1">
					<span class="curent" id="sa_1" name="X">不限</span>  
					<span id="sa_2" name="0">全新</span>   
					<span id="sa_3" name="1">二手</span>
				</td></tr>
				<tr id="tr_2"><td class="column">
					类 别:
				</td><td>
					<span class="curent" id="sb_1" name="X">不限</span>  
					<span id="sb_2" name="2">办公家具</span>  
					<span id="sb_3" name="63">衣柜</span>  
					<span id="sb_4" name="72">沙发</span>  
					<span id="sb_5" name="71">床</span>  
					<span id="sb_6" name="qt">其它</span>
					  
					  
				</td></tr>
				<tr class="areadetail" id="tr_3"><td class="column">
					区 域：
				</td><td>
					<span id="sc_1" name="X" class="curent">不限</span>  
					<span id="sc_2" name="321">上海</span>  
					<span id="sc_3" name="52">北京</span>  
					<span id="sc_4" name="76">广州</span>  
					<span id="sc_5" name="77">深圳</span>  
					<span id="sc_6" name="383">杭州</span>  
					<span id="sc_7" name="220">南京</span>  
					<span id="sc_8" name="343">天津</span>  
					<span id="sc_9" name="180">武汉</span>  
					<span id="sc_10" name="1">其它</span>  
					  
					   
				</td></tr>
				<tr id="tr_4"><td class="column">
					价 格:
				</td><td>
					<span id="sd_1" name="X" class="curent">不限</span>  
					<span id="sd_2" name="1">100元以下</span>  
					<span id="sd_3" name="2">100-500元</span>  
					<span id="sd_4" name="3">500-1000元</span>  
					<span id="sd_5" name="4">1000-3000元</span>  
					<span id="sd_6" name="5">3000-6000元</span>  
					<span id="sd_7" name="6">6000-10000元</span>  
					<span id="sd_8" name="7">10000元以上</span>  
				</td></tr>
				<tr id="tr_5"><td class="column">
					发 布:
				</td><td>
					<span id="se_1" name="X" class="curent">不限</span>  
					<span id="se_2" name="1">个人</span>   
					<span id="se_3" name="2">公司</span>  
				</td></tr></table>
				</div>
<?php
	if($count_all !=0):
?>				<div class="kuanorder">
					<div class="canshu">
						<ul class="no">
							<li class="no">排 序:</li>
							<li class="canshucurrent"><a href="">上架时间</a></li>
							<li><a href="">人 气</a></li>
							<li><a href="">价 格</a></li>
						</ul>
					</div>
					<div class="fenye">
					<ul class="no">
						<li>1/8</li>
						<li>上一页</li>
						<li>下一页</li>

					</ul>
					</div>
				</div>
				<div class="kuanadtop">
					<ul class="no">
						<li class="zanzu">赞助商链接&nbsp;</li>
						<li>d</li>
						<li>d</li>
						<li>d</li>
					</ul>
				</div>
				<div class="kuanlist lazy">

					<ul class="no">
<?php
$i = 0;
foreach($listpro->result() as $row):
?>					
<li>
	<div class="Wkuang">
	<table width="231" height="220" class="no"><tr><td align="center" valign="middle">
<a class="no" href="<?=$base_header?>/home/show/<?=$row->probelong?>/<?=$row->proid?>.html" title="<?=$row->proname?>" >
		<img class="no" alt="<?=$row->proname?>"  id="img<?=$i?>"  
		original="<?php 
		echo $base_img1.imgurl($row->probelong).'/'.dst_img(getfirstp($row->pic));
		?>" />
	</a>
</td></tr></table>


	</div>
	<div style="margin:5px 18px;">
		<a href="<?=$base_header?>/home/show/<?=$row->probelong?>/<?=$row->proid?>.html" title="<?=$row->proname?>" ><span class="proname"><?=utf8_strcut($row->proname,0,35)?></span></a>
	</div>
	<div class="ftime">
	￥：<span class="Money"><?=$row->price?>.00</span> [<?=$row->probelong1?> <span class="of"><?=$row->update?></span>]
	</div>
</li>

<?php
$i++;
endforeach;
?>						




					</ul>	
<?php
else:
	echo "<div style='height:25px; line-height:25px; margin-top:30px;' class='font_2'>抱歉，没有找到相关的家具!</div>";
endif;
?>

				</div>
				<div class="kuanadbottom">
					<ul class="no">
						<li class="zanzu">赞助商链接&nbsp;</li>
						<li></li>
						<li></li>
						<li></li>
					</ul>	
				</div>
				<div class="splitpage"><?=$page?></div>
			</div>

			</td><td width="225" valign="top">
<?php $this->load->view('inc_rightad_view');?>
			</td></tr></table>

			</div>
	
	
    </div>
	<!--  /content   -->
	<?php $this->load->view('footer_view');?>
</div>

</div>
<script type="text/javascript">
$(".lazy img").lazyload({
	placeholder: "<?=$base_img?>/images/o_loading.gif",
	effect:"fadeIn",
	rheight:231,
	rwidth:220
  }); 
</script>
</body>
</html>




